<%--
  Created by IntelliJ IDEA.
  User: ymwm9
  Date: 2024/4/5
  Time: 22:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"	/>
    <title>贵美商城</title>
    <link rel="stylesheet"	type="text/css"	href="css/global.css"	/>
    <link rel="stylesheet"	type="text/css"	href="css/layout.css?id=7"	/>
    <script type="text/JavaScript" src="js/index.js">
    </script>
</head>
<body>
<div id="container">
    <!--runat="server"-->

    <iframe id="header" src="header.jsp" width="980" height="136" frameborder="0" scrolling="no"></iframe>

    <div id="main">
        <div class="cat">
            <ul>
                <h1>家用电器</h1>
                <c:forEach items="${goods}" var="good" varStatus="s">
                    <li><a href="http://localhost:8080/mall/category?action=categoryshow&categoryId=1">${good.goodname}</a></li>
                </c:forEach>
            </ul>
            <ul>
                <h1>书籍</h1>
                <c:forEach items="${goods2}" var="good2" varStatus="s">
                    <li><a href="http://localhost:8080/mall/category?action=categoryshow&categoryId=4">${good2.goodname}</a></li>
                </c:forEach>
            </ul>

            <ul>
                <h1>手机数码</h1>
                <c:forEach items="${goods3}" var="good3" varStatus="s">
                    <li><a href="http://localhost:8080/mall/category?action=categoryshow&categoryId=2">${good3.goodname}</a></li>
                </c:forEach>
            </ul>

            <ul>
                <h1>日用百货</h1>
                <c:forEach items="${goods4}" var="good4" varStatus="s">
                    <li><a href="http://localhost:8080/mall/category?action=categoryshow&categoryId=3">${good4.goodname}</a></li>
                </c:forEach>
            </ul>

        </div> <!--cat end-->
        <div id="content">
            <div class="content_top">
                <div>
                    <img src="images/ad-01.jpg" alt="9月新品新气象" id="div1" />
                    <img src="images/ad-02.jpg" alt="流行服饰魅力场" id="div2" />
                    <img src="images/ad-03.jpg" alt="食全食美" id="div3" />
                    <img src="images/ad-04.jpg" alt="outlets开张啦" id="div4" />
                </div>
                <div id="adv">
                    <a href="JavaScript:show(1);">1</a>&nbsp;<a class="adv" href="JavaScript:show(2);">2</a>&nbsp;<a class="adv" href="JavaScript:show(3);">3</a>&nbsp;<a class="adv" href="JavaScript:show(4);">4</a>
                </div>
            </div> <!-- content_top end -->
            <div class="content_list">
                <c:forEach items="${products6}" var="product6" varStatus="s">
                    <dl>
                        <dt>
                            <img src="${product6.pimage}" alt="alt" style="width: 130px; height: 90px; object-fit: cover;" />
                        </dt>
                        <dd><a href="http://localhost:8080/mall/product?action=newshow&productId=${product6.pid}">${product6.pdesc}</a></dd>
                    </dl>
                </c:forEach>

            </div><!-- content_list end -->
        </div><!-- content end -->
        <div class="sidebar">
            <div class="r1"></div>
            <div	class="r2">
                <c:forEach items="${products7}" var="product7" varStatus="s">
                    <dl>
                        <dt>
                            <img src="${product7.pimage}" alt="alt" style="width: 40px; height: 50px; object-fit: cover;" />
                        </dt>
                        <dd>
                            <a href="http://localhost:8080/mall/product?action=newshow&productId=${product7.pid}">${product7.pdesc}</a>
                        </dd>
                    </dl>
                </c:forEach>
            </div> <!--r2	end-->
            <div id="tab">
                <div id="tabtitle1" onmouseover="switchMe(1);"></div>
                <div id="tabtitle2" onmouseover="switchMe(2);"></div>
                <div id="tabbody">
                    <img src="images/tabbody2.gif" alt="手机充值" />
                </div>
            </div>
        </div> <!--sidebar end-->
    </div>	<!--main end-->
    <iframe id="footer" runat="server" src="footer.jsp" width="980" height="150" frameborder="0" scrolling="no"></iframe>
    <div id="pairflag">
        <a class="f_l" href="#" id="advLeft"><img src="images/list1.jpg" alt="alt" /></a>
        <img class="f_l" id="closeLeft" onclick="leftClose();" src="images/close.gif" alt="alt" />
        <a href="#" class="f_r" id="advRight"><img src="images/list2.jpg" alt="alt" /></a>
        <img id="closeRight" class="f_r" onclick="rightClose();" src="images/close.gif" alt="alt" />
    </div>
</div><!--container	end-->
</body>
</html>
